<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/product details.css" />
  </head>
  <body>
    <!-- 外延 -->
    <div class="extension">
      <!-- 导航栏 -->
      <div class="f_header_wp">
        <div class="u_top_logo"></div>
        <div class="f_nav_lst">
          <a href="">钻石</a>
          <a href="">钻戒</a>
          <a href="">对戒</a>
          <a href="">配饰</a>
          <a href="">定制</a>
          <a href="">品牌故事</a>
          <a href="">体验中心</a>
        </div>
        <div class="f_headeroth_wp">
          <div class="f_ser_wp">
            <span class="iconfont icon-fangdajing"></span>
          </div>
          <a href="" class="icon_car"></a>
          <a href="" class="icon_mycenter">我的鸟巢</a>
        </div>
      </div>
    </div>

    <!-- 侧边固定 -->
    <div class="services">
      <span class="ser_lnk1"></span>
      <a href="" class="ser_lnk2">
        <span class="cart_count">0</span>
      </a>
    </div>

    <!--  -->
    <div class="g_header_bg">
      <div class="block"></div>
      <div class="g_dtal_wrap page_detlnow">
        <div class="g_show_pic">
          <div class="mybox">
            <ul class="fBtns">
              <li>
                <a href="">
                  <img src="../img/24973_399!small.jpg" alt="" />
                </a>
              </li>
              <li>
                <a href="">
                  <img src="../img/24973_388!small.jpg" alt="" />
                </a>
              </li>
              <li>
                <a href="">
                  <img src="../img/24973_377!small.jpg" alt="" />
                </a>
              </li>
            </ul>
            <div class="fPics" id="fPics">
              <a href="">
                <img src="../img/24973_399.jfif" alt="" />
              </a>
            </div>
          </div>
        </div>

        <div class="g_pro_sys">
          <h1>
            <a href="" class="g_pro_a">Lady New York by Fire Cushion</a>
            <div class="f_psys_tlt">Energy能量</div>
            <div class="f_psys_pm">18K金钻石戒指</div>
          </h1>
          <div class="f_psys_sc">售出</div>
          <div class="f_psys_scnum">2396</div>
          <div class="f_psys_pl">评论</div>
          <div class="f_psys_plnum">487</div>
          <div class="f_psys_line"></div>
          <div class="f_psys_inf inf_txtqulty">
            <span>材质</span>
            <b>白18K金</b>
          </div>
          <div class="f_psys_inf inf_txtsize">
            <span>手寸</span>
            <b>12.0号</b>
            <a href="" class="howToMeasure_txt location">手寸指南</a>
          </div>
          <div class="f_psys_inf inf_txtdiam">
            <span>钻石</span>
            <b>主钻1颗&nbsp;&nbsp;0.43克拉</b>
            <b>辅钻40颗&nbsp;&nbsp;0.11克拉</b>
          </div>
          <div class="f_psys_inf inf_txtqulty">
            <span>配送</span>
            <b>2021-08-14</b>
          </div>
          <div class="f_psys_line" style="margin-top: 28px"></div>
          <div class="f_psys_pri">
            <em class="u_psys_pri">
              <i class="con_i">￥</i>
              <b>20210</b>
            </em>
            <input
              type="button"
              class="btn_pink"
              value="添加至购物车"
              style="margin-right: 15px; margin-top: 12px"
              onclick="btn()"
            />
          </div>
          <div class="f_psys_btn_lst">
            <div class="detailnow_001">
              <a href="" class="a_pinklig2" style="width: 436px">专属定制</a>
            </div>
          </div>

          <div class="f_psys_inf inf_txtsel">
            <a href="" class="btn_nor_lnk">选择同款现货 >&nbsp;</a>
          </div>
        </div>
      </div>
    </div>

    <script src="../js/product details.js"></script>
  </body>
</html>
